Displaying Panels

Panels are the same as containers except for an added top and bottom margin.

I am a panel.

I am a panel.

I am a container.

I am a container.


Panels for Notes

The w3-panel class can be used to display notes:

London is the most populous city in the United Kingdom.


Panels for Quotes

The w3-panel class can be used to display quotes.

"Make it work. Then optimize it."


Panels for Alerts

Danger!

Red often indicates a dangerous or negative situation.


Panels as Cards

London is the most populous city in the United Kingdom.


Rounded Panels

London is the most populous city in the United Kingdom.


Hiding Panels

Close

London is the most populous city in the United Kingdom.

...

...